<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name=”renderer” content=”webkit”>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="format-detection" content="telephone=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<title>东明家居集团-活动分析管理系统</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/iview.css">
<link rel="stylesheet" href="css/style.css">
    <script src="js/jquery-1.11.1.min.js" type="text/javascript"></script>
    <link href="js/toastr/toastr.css" rel="stylesheet">
</head>
<body>
<div class="container-fluid" id="app">
     <!-- breadcrumb -->
      <template class="page-header">
          <breadcrumb class="pull-left">
              <breadcrumb-item to="welcome.html" >首页</breadcrumb-item>
              <breadcrumb-item>销售总额</breadcrumb-item>
          </breadcrumb>
      </template>
      <div class="table-margin">
            <i-form v-model="qformItem" class="mt20">
                <row>
                    <i-col span="3" class-name="mr10" >
                        <date-picker type="date"  placeholder="请选择日期" v-model="qformItem.CreateTime"></date-picker>
                    </i-col>
                    <i-col span="3" class="mr10" id="QStoreIsOrNot">
                          <i-select v-model="qformItem.Store" placeholder="请选择店面" clearable>
                              <i-option value="东二环店">东二环店</i-option>
                              <i-option value="建华店">建华店</i-option>
                              <i-option value="北杜店">北杜店</i-option>
                              <i-option value="金利来店">金利来店</i-option>
                              <i-option value="西二环店">西二环店</i-option>
                              <i-option value="北二环店">北二环店</i-option>
                              <i-option value="霸州店">霸州店</i-option>
                              <i-option value="邢台店">邢台店</i-option>
                          </i-select>
                    </i-col>
                    <i-col span="3"  class="mr10">
                          <i-select v-model="qformItem.Theme" placeholder="请选择活动主题" clearable>
                              <i-option v-for="item in ThemeList" :value="item.value"  :key="item.value">{{item.label}}</i-option>
                          </i-select>
                    </i-col>
                    <i-col span="3">
                        <i-button type="primary" class="mr10" style="margin-left:10px;" @click="querytable">搜索</i-button>
                        <i-button type="primary" @click="openmodel1" id="SaveSAndRIsOrNot">录入销售数据</i-button>
                    </i-col>
                </row>
                <row class="datas" style="margin: 20px 0;">
                    <i-col>销售任务：<span>{{TotalItem.TaskTotalSum}}</span></i-col>
                    <i-col>销售总额：<span>{{TotalItem.SaleTotalSum}}</span></i-col>
                    <i-col>总完成率：<span>{{TotalItem.FinshRate}}</span></i-col>
                </row>
           </i-form>
           <!-- 数据结果 -->
           <row>
                <i-col span="16">
                      <i-table :columns="columns1" :data="data1" algin="center" ></i-table>
                </i-col>                  
           </row>        
           <!-- 录入销售总额弹框 -->   
           <modal v-model="modal1" title="录入销售数据" @on-ok="saveDataTotal" @on-cancel="cancel" width='500'>
                 <i-form v-model="formItem" label-position="right" :label-width="105" class="mt20">
                          <row>
                              <i-col span="20">
                                  <Form-item label="选择店面：">
                                      <i-input v-model="formItem.Store" placeholder="中心店面" disabled></i-input>
                                  </Form-item>
                              </i-col> 
                          </row>
                           <row>                                                                                      
                              <i-col span="20">
                                  <Form-item label="选择主题：">
                                        <i-select v-model="formItem.Theme" placeholder="选择活动主题">
                                            <i-option v-for="item in ThemeList" :value="item.value"  :key="item.value">{{item.label}}</i-option>
                                        </i-select>
                                  </Form-item>
                              </i-col>
                            </row> 
                            <row>    
                              <i-col span="20">
                                  <Form-item label="选择日期：">
                                        <date-picker type="date" v-model="formItem.CreateTime" placeholder="请选择日期"></date-picker>
                                  </Form-item>
                              </i-col> 
                            </row>
                            <row>
                                 <i-col span="20">
                                     <Form-item label="销售任务：">
                                         <i-input v-model="formItem.TaskTotal" placeholder="请输入销售任务" ></i-input>
                                     </Form-item>
                                 </i-col>
                            </row>
                            <row>
                              <i-col span="20">
                                  <Form-item label="销售总额：">
                                        <i-input v-model="formItem.SaleTotal" placeholder="请输入销售总额" ></i-input>
                                  </Form-item>
                              </i-col>                                                                                       
                          </row>                      
                 </i-form>
           </modal> 
      </div>
</div>
</body>
<script src="js/vue.js"></script>
<script src="js/iview.min.js"></script>
<script src="js/toastr/toastr.min.js"></script>
<script src="js/datatotal/datatotal.js"></script>
</html>